/* */
#PIDebugger div, #PIDebugger h3, #PIDebugger span, #PIDebugger input, #PIDebugger textarea, #PIDebugger select, #PIDebugger option, #PIDebugger a, #PIDebugger strong, #PIDebugger em, #PIDebugger label, #PIDebugger center { 
	text-align:left; border:0; overflow:visible; background:none; color:#111; font-size:1em; font-weight:normal; font-style:normal; font-family:sans-serif; margin:0; padding:0;
}
#PIDebugger input, #PIDebugger select, #PIDebugger textarea { background:#fff; font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; border:1px outset #aaa; padding:2px }
#PIDebugger center { text-align:center; }
#PIDebugger strong { font-weight:bold; }
/* */
#PIDebugger { position:fixed !important; z-index:99999999; position:absolute; overflow:hidden; left:10px; bottom:10px; height:295px; background:#fff; border:1px solid #ddd; padding:1px; }
#PIDebugger .Content { overflow:hidden; height:245px; background:#eee; padding:40px 10px 10px 10px; }
#PIDebugger .Content .Frame { border:1px solid #ccc; background:#888; padding:1px;  }
#PIDebugger .Content .Content { color }

#PIDebugger .About div { float:right; width:60%; font:14px Arial, Helvetica, sans-serif; color:#222; }
#PIDebugger .About h3 { font:28px Georgia,Times,'Times New Roman'; margin:20px 10px 20px 0px; }
#PIDebugger .About strong { padding-right:3px; }
#PIDebugger .About a {  color:#0000cc }
/* buttons */
#PIDebugger .ButtonSet { width:100%; position:absolute; top:15px; left:15px; height:23px; }
#PIDebugger .ButtonSet .Button { border:1px solid #ccc; float:left; width:auto; margin-right:3px;  }
#PIDebugger .ButtonSet .Button a { display:block; cursor:pointer; padding:5px; color:#666; font:12px Arial, Helvetica, sans-serif; border:1px solid #fff; background:#eee; }
#PIDebugger .ButtonSet .Selected a { background:#fff; color:#111; border-style:outset; }
#PIDebugger .ButtonSet .Button a:hover { text-decoration:underline; }
#PIDebugger .ButtonSet .WindowButton { position:absolute; right:25px; }
#PIDebugger .ButtonSet .WindowButton a { padding:1px 4px 1px 4px; font-weight:bolder;  }
#PIDebugger .ButtonSet .WindowButton a:hover { text-decoration:none; }
#PIDebugger .ButtonSet .CloseButton a { }
#PIDebugger .ButtonSet .MinimizeButton { right:47px }
#PIDebugger .ButtonSet .MaximizeButton { right:47px; display:none }

/* query */
#PIDebugger .Content .QueryTitle { display:block; position:absolute; padding:3px; height:13px; top:80px; left:11px; background:#919733; border-bottom:0; font:bold 10px Arial, Helvetica, sans-serif; letter-spacing:1px; color:#fff; }
#PIDebugger .Content .QueryInput { width:100%; border:2px solid #919733; background:#fff; padding:5px; margin:8px 0 20px 0; font:bold 16px "Courier New", Courier, monospace; color:#943c35; }

/* console */
#PIDebugger .Content .ConsoleFrame { height:170px; margin-top:10px; }
#PIDebugger .Content .Console { height:170px; background:#fff; }
#PIDebugger .Content .Console .Arrow { font:13px Arial, Helvetica, sans-serif; color:#366cd4; padding:2px 5px 0 5px; }
#PIDebugger .Content .Console .ConsoleInput { height:15px; margin:0 0 0 0; padding:2px 0 0 0; overflow:hidden; border:0; color:#333; font:12px "Courier New", Courier, monospace; }
#PIDebugger .Content .Console .ConsoleOutput { height:150px; overflow:scroll; overflow-x:hidden; border-bottom:1px solid #ccc; }
#PIDebugger .Content .Console .ConsoleOutput .Error { background:#ffeff1; color:#ff0000; }
#PIDebugger .Content .Console .ConsoleOutput .Error strong { color:#ff0000; }
#PIDebugger .Content .Console .ConsoleOutput .Row { padding:2px 5px 2px 5px;  font:12px Arial, Helvetica, sans-serif; overflow:hidden; border-bottom:1px dotted #ddd; }
#PIDebugger .Content .Console .ConsoleOutput .Row span { font:12px Arial, Helvetica, sans-serif; }
#PIDebugger .Content .Console .ConsoleOutput .Arrow { color:rgb(0,0,255); white-space:nowrap; }
#PIDebugger .Content .Console .ConsoleOutput .Row span {  }
#PIDebugger .Content .Console .ConsoleOutput .Row span em { font-weight:normal; color:#111; }
#PIDebugger .Content .attributeName { color:#000088; }
#PIDebugger .Content .string { color:#ff0000; }
#PIDebugger .Content .Object { color:#008800; font-weight:bold; }
#PIDebugger .Content .Array { font-weight:bold; }
#PIDebugger .Content .Function { color:#008800 }
#PIDebugger .Content .Element { color:#000077; }
#PIDebugger .Content .Element .tagName { color:#0000cc; font-weight:bold; }
#PIDebugger .Content .Element .attributeValue { color:#ff0000; }
#PIDebugger .Content em span { font-weight:normal; font-style:normal; color:#111; }
#PIDebugger .Content .Object em span { font-style:italic; color:#666; }

/* menu button */
#PIDebugger .MenuButton { padding:0 0 0 13px; cursor:pointer; background:url(arrow.png) center no-repeat; }

/* navigation */
#PIDebugger .Content .MlToggleButton { position:absolute; top:265px; right:20px; cursor:pointer; font:bold 24px Arial, Helvetica, sans-serif; color:rgb(0,150,0); }
#PIDebugger .Content .MlToggleButton:hover { color:rgb(0,150,150); }
#PIDebugger .Navigation { position:absolute; display:none; width:150px; border:1px outset #666; background:#fff; color:#666; }
#PIDebugger .Navigation a { display:block; cursor:pointer; background:#fff 6px center no-repeat; border-bottom:1px solid #aaa; padding:3px 3px 3px 3px;  font:12px Arial, Helvetica, sans-serif; }
#PIDebugger .Navigation a:hover { background-color:#f2f2f2; }
#PIDebugger .Navigation .Selected { background-image:url(radio.png); }


/* html frame */
#PIDebugger .Content .HTMLFrame { height:230px; margin-top:10px;  }
#PIDebugger .Content .HTMLFrame .Tree { float:left; width:70%; height:220px; padding:10px 0 0 0px; background:#fff; overflow:scroll; }
#PIDebugger .Content .HTMLFrame .Tree .Block { border-left:1px solid #ccc; padding:2px 0 0 10px; white-space:nowrap; *white-space:normal; }
#PIDebugger .Content .HTMLFrame .Tree .Block A { font:12px Verdana; color:#333; font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; padding-left:12px; cursor:pointer; }
#PIDebugger .Content .HTMLFrame .Tree .Block .ParentLink { background:url(tree_open.gif) no-repeat left center; font-weight:bold; color:#111; text-decoration:none; }
#PIDebugger .Content .HTMLFrame .Tree .Block .ParentLink:hover { text-decoration:underline; }
#PIDebugger .Content .HTMLFrame .Tree .Block .Open { background-image:url(tree_close.gif) }
#PIDebugger .Content .HTMLFrame .Tree .Block .Selected { background-color:rgb(255,255,120); }
#PIDebugger .Content .HTMLFrame .Tree .Block .SubContainer {  padding-left:20px; }
#PIDebugger .Content .HTMLFrame .RightFrame { float:left; padding:0px; width:30%; height:100%; background:#fff; } 
#PIDebugger .Content .HTMLFrame .RightFrame Select { width:100%; border-bottom:1px inset #aaa; } 
#PIDebugger .Content .HTMLFrame .RightFrame .RightContent { height:208px; overflow:auto; overflow-y:scroll; }
#PIDebugger .Content .HTMLFrame .RightFrame .RightContent .Item { padding:5px; font:10px Verdana; color:#333;  height:6px }
#PIDebugger .Content .HTMLFrame .RightFrame .RightContent .Property { width:45%; font-weight:bold; float:left; overflow:hidden; }
#PIDebugger .Content .HTMLFrame .RightFrame .RightContent .Value { width:55%; float:left; white-space:nowrap; overflow:visible !important;  overflow:hidden;  }
#PIDebugger .Content .HTMLFrame .RightFrame .RightContent .Item center { color:rgb(0,150,0); padding:0 0 3px 0; font:bold 12px Arial, Helvetica, sans-serif; }

#PIDebugger .Content .StylesheetSelectbox { margin-top:10px; }
#PIDebugger .Content .CSSFrame { height:210px; margin-top:0px; }
#PIDebugger .Content .CSSFrame .CSSContent { height:210px; padding:0 5px 0 10px; background:#fff; overflow:scroll; font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
#PIDebugger .Content .CSSFrame .CSSContent .Selector {  }
#PIDebugger .Content .CSSFrame .CSSContent .CSSText { padding-left:20px; }
#PIDebugger .Content .CSSFrame .CSSContent .CSSProperty { color:#005500; }
#PIDebugger .Content .CSSFrame .CSSContent .CSSValue { padding-left:5px; color:#000088; }

#PIDebugger .Content label { font:11px Arial, Helvetica, sans-serif; }
#PIDebugger .Content .DOMInput { margin-top:10px; font:11px Arial, Helvetica, sans-serif; padding:3px }
#PIDebugger .Content .DOMFrame { height:190px; margin-top:10px; }
#PIDebugger .Content .DOMFrame .DOMContent { height:170px; padding:10px; background:#fff; overflow:scroll; font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
#PIDebugger .Content .DOMFrame .DOMContent .Left { float:left; width:30%; border-right:1px dotted #ddd; }
#PIDebugger .Content .DOMFrame .DOMContent .Left .Property { white-space:nowrap; color:#111; font-weight:normal; }
#PIDebugger .Content .DOMFrame .DOMContent .Left .Property a { padding-left:15px; }
#PIDebugger .Content .DOMFrame .DOMContent .Left .SubContainer { padding-left:15px; }
#PIDebugger .Content .DOMFrame .DOMContent .Left .Object {  background:url(tree_open.gif) no-repeat left center;  cursor:pointer; font-weight:bold; }
#PIDebugger .Content .DOMFrame .DOMContent .Left .Object:hover { text-decoration:underline; color:#0000ff; }
#PIDebugger .Content .DOMFrame .DOMContent .Left .Opened {  background-image:url(tree_close.gif) }
#PIDebugger .Content .DOMFrame .DOMContent .Right { float:left; width:67%;  overflow:visible !important; overflow:hidden;  }
#PIDebugger .Content .DOMFrame .DOMContent .Right .Value { white-space:nowrap; padding:0 15px 0 15px; }